<template>
  <el-table
    stripe
    ref="multipleTable"
    :data="tableDataForm"
    tooltip-effect="dark"
    style="width: 100%;margin-top: 25px;"
    @selection-change="handleSelectionChange"
    :header-cell-style="{ background: '#f2f2f2', color: '#333', fontWeight: 600, }"
  >
    <el-table-column type="selection" width="55" align="center"> </el-table-column>
    <el-table-column label="课件名称" align="center">
      <template slot-scope="scope">{{ scope.row.name == null ? '--' : scope.row.name }}</template>
    </el-table-column>
    <el-table-column label="学科" align="center"> 
       <template slot-scope="scope">{{ scope.row.subject == null ? '--' : scope.row.subject }}</template>
    </el-table-column>
    <el-table-column label="年级" align="center">
      <template slot-scope="scope">{{ scope.row.clas == null ? '--' : scope.row.clas }}</template>
    </el-table-column>
    <el-table-column label="累计学习时长(h)" align="center">
      <template slot-scope="scope">{{ scope.row.shi == null ? '--' : scope.row.shi }}</template>
    </el-table-column>
    <el-table-column label="平均学习时长(h)" align="center">
      <template slot-scope="scope">{{ scope.row.pinshi == null ? '--' : scope.row.pinshi }}</template>
    </el-table-column>
    <!-- <el-table-column label="完成度" align="center">
      <template slot-scope="scope">{{ scope.row.pindu == null ? '--' : scope.row.pindu.toFixed(2) }}%</template>
    </el-table-column> -->
    
  </el-table>
</template>

<script>
export default {
  props:{
    tableDataForm: {
      type: Array,
      default: null
    }
  },
  methods: {
    handleSelectionChange(val) {
      this.multipleSelection = val;
    }
  }
}
</script>
